<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="./css3/style.css">
  <link rel="shortcut icon" href="images/喜气洋洋小四班班徽.png">
  <title>喜气洋洋小四班班级开发</title>
</head>

<body>
  <div data-v-8e6b1646="">
    <div id="if3c">
      <!-- Bootstrap core CSS -->
      <link href="css3/bookstarp.min.css" rel="stylesheet" />
      <link rel="stylesheet" href="css3/templatemo-chain-app-dev.css" />
      <link rel="stylesheet" href="css3/animated.css" />
      <link rel="stylesheet" href="css3/owl.css" />
      <!-- ***** Preloader Start ***** -->
      <div id="js-preloader" class="js-preloader loaded">
        <div class="preloader-inner"><span class="dot"></span>
          <div class="dots"><span></span><span></span><span></span></div>
        </div>
      </div><!-- ***** Preloader End ***** -->
      <!-- ***** Header Area Start ***** -->
      <header data-wow-duration="0.75s" data-wow-delay="0s" class="header-area header-sticky wow slideInDown">
        <div class="container">
          <div class="row">
            <div class="col-12">
              <nav class="main-nav">
                <!-- ***** Logo Start ***** --><a href="index.html" class="logo"></a><!-- ***** Logo End ***** -->
                <!-- ***** Menu Start ***** --><img id="ix631b" src="images/喜气洋洋小四班班徽.png" />
                <ul class="nav">
                  <li class="scroll-to-section"><a href="#top" class="active">Home</a></li>
                  <li class="scroll-to-section"><a href="#services" id="izsdn">Projects<br /></a></li>
                  <li class="scroll-to-section"><a href="#about" id="ifkxw">About</a></li>
                  <li class="scroll-to-section"><a href="#pricing" id="iianj">Pricing</a></li>
                  <li class="scroll-to-section"><a href="#Other" id="iigsk">Others</a></li>
                  <li>
                    <div class="gradient-button"></div>
                  </li>
                </ul><a class="menu-trigger"><span id="iue1l">Menu</span></a><!-- ***** Menu End ***** -->
              </nav>
            </div>
          </div>
        </div>
      </header><!-- ***** Header Area End ***** -->
      <div id="modal" class="popupContainer">
        <div class="popupHeader"><span class="header_title">Login</span><span class="modal_close"><i
              class="fa fa-times"></i></span></div>
        <section class="popupBody">
          <!-- Social Login -->
          <div class="social_login">
            <div><a href="#" class="social_box fb"><span class="icon"><i class="fab fa-facebook"></i></span><span
                  class="icon_title">Connect with Facebook</span></a><a href="#" class="social_box google"><span
                  class="icon"><i class="fab fa-google-plus"></i></span><span class="icon_title">Connect with
                  Google</span></a></div>
            <div class="centeredText"><span>Or use your Email address</span></div>
            <div class="action_btns">
              <div class="one_half"><a href="#" id="login_form" class="btn">Login</a></div>
              <div class="one_half last"><a href="#" id="register_form" class="btn">Sign up</a></div>
            </div>
          </div><!-- Username & Password Login form -->
          <div class="user_login">
            <form><label>Email / Username</label><input type="text" /><br /><label>Password</label><input
                type="password" /><br />
              <div class="checkbox"><input id="remember" type="checkbox" /><label for="remember">Remember me on this
                  computer</label></div>
              <div class="action_btns">
                <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a>
                </div>
                <div class="one_half last"><a href="#" class="btn btn_red">Login</a></div>
              </div>
            </form><a href="#" class="forgot_password">Forgot password?</a>
          </div><!-- Register Form -->
          <div class="user_register">
            <form><label>Full Name</label><input type="text" /><br /><label>Email Address</label><input
                type="email" /><br /><label>Password</label><input type="password" /><br />
              <div class="checkbox"><input id="send_updates" type="checkbox" /><label for="send_updates">Send me
                  occasional email updates</label></div>
              <div class="action_btns">
                <div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a>
                </div>
                <div class="one_half last"><a href="#" class="btn btn_red">Register</a></div>
              </div>
            </form>
          </div>
        </section>
      </div>
      <div id="top" data-wow-duration="1s" data-wow-delay="0.5s" class="main-banner wow fadeIn">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <div id="igoamm" class="row">
                <div class="col-lg-6 align-self-center">
                  <div data-wow-duration="1s" data-wow-delay="1s"
                    class="left-content show-up header-text wow fadeInLeft">
                    <div class="row">
                      <div class="col-lg-12">
                        <h2 id="idqw7j">喜气洋洋小四班班级官网</h2>
                        <p id="irrlce">喜气洋洋小四班班级开发<br />v.2.0</p>
                      </div>
                      <div class="col-lg-12">
                        <div class="white-button first-button scroll-to-section"><a href="index.html"
                            id="ix97g3">回到旧版</a>
                        </div>
                        <div class="white-button scroll-to-section"><a href="#contact" id="i21qxy">暂无</a></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div data-wow-duration="1s" data-wow-delay="0.5s" class="right-image wow fadeInRight"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <section data-block-type="features" data-id="6" draggable="true" class="fdb-block">
          <div class="container">
            <div class="row justify-content-center pb-xl-5">
              <div class="col-12 col-sm-11 text-center">
                <h1 id="ingttl">------------------<br /><br /></h1><img alt="image" src="images/img_very_wide (1).svg"
                  class="img-fluid mt-5" />
              </div>
            </div>
            <div class="row text-left justify-content-center pt-5">
              <div class="col-12 col-md-6 col-lg-5 m-sm-auto">
                <div class="row">
                  <div class="col-3"><img alt="image" src="images/img_round (1).svg" class="img-fluid" /></div>
                  <div class="col-9">
                    <h3 id="id7j4h"><strong id="incgt7">------</strong></h3>
                    <p id="idsnik">----------------<br /><br /><br /><br /><br /><br /></p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-md-6 col-lg-5 m-sm-auto pt-3 pt-sm-5 pt-md-0">
                <div class="row">
                  <div class="col-3"><img alt="image" src="images/img_round (1).svg" class="img-fluid" /></div>
                  <div class="col-9">
                    <h3 id="ivedyr"><strong id="iw32tg">-------</strong></h3>
                    <p id="igmsik">---------<br /><br /><br /><br /><br /><br /></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <div id="services" class="services section">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 offset-lg-2">
              <div data-wow-duration="1s" data-wow-delay="0.5s" class="section-heading wow fadeInDown">
                <h4 id="i9juhg">我们开发的项目</h4><img src="images/heading-line-dec.png" <p id="ilj04f">欢迎浏览<br /><br /></p>
              </div>
            </div>
          </div>
        </div>
        <div class="container">
          <div class="row">
            <div class="col-lg-3">
              <div class="service-item first-service">
                <div class="icon"></div>
                <h4 id="ibx7bi">喜气洋洋小四班班刊官网</h4>
                <p id="i91bnz">You can jump to our website via the link below<br />Welcome to learn more</p>
                <div class="text-button"><a href="https://cqys-202404.gitee.io/home/">Read More <i
                      class="fa fa-arrow-right"></i></a></div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="service-item second-service">
                <div class="icon"></div>
                <h4 id="i6wt8s">翟一航-获奖感言</h4>
                <p id="iwojyt">恭喜我们班上的翟一航获得开心作文一等奖！！！<br />你想了解更多？<br /><br /></p>
                <div class="text-button"><a href="index2.html">Read More <i class="fa fa-arrow-right"></i></a></div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="service-item third-service">
                <div class="icon"></div>
                <h4 id="iwm92f">----------------------</h4>
                <p id="ixs4rj">-----------------------------------------------------------------------------</p>
                <div class="text-button"><a href="#">Read More <i class="fa fa-arrow-right"></i></a></div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="service-item fourth-service">
                <div class="icon"></div>
                <h4 id="idd3y9">----------------------</h4>
                <p id="i3v3gm">------------------------------------------------------------------</p>
                <div class="text-button"><a href="#">Read More <i class="fa fa-arrow-right"></i></a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="about" class="about-us section">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 align-self-center">
              <div class="section-heading">
                <h4 id="i2ao3h">-----------------------------</h4><img src="images/heading-line-dec.png" alt="" />
                <p id="i8ht3z">
                  -----------------------------------------------------------------------------------------------------------<br />--------------------
                </p>
              </div>
              <div id="ijrym9" class="row">
                <div class="col-lg-6">
                  <div class="box-item">
                    <h4 id="izzvok"><a href="#" id="iie83k"><a id="idouzk-3" draggable="false"
                          href="">-----------------</a></a></h4>
                    <p id="i8aojq">------------------------</p>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="box-item">
                    <h4 id="ihg98m"><a href="#" id="ibvdr2"><a id="idouzk-2" draggable="false"
                          href="">-----------------</a></a></h4>
                    <p id="ik9fqi">----------------------</p>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="box-item">
                    <h4 id="i6708g"><a href="#" id="idouzk">-----------------</a></h4>
                    <p id="iwcuvm">-----------------------</p>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="box-item">
                    <h4><a href="#" id="iwj08k">------------------</a></h4>
                    <p id="i8tz3o">--------------------</p>
                  </div>
                </div>
                <div class="col-lg-12">
                  <p id="ikk4by">
                    -----------------------------------------------------------------------------------------------------------<br />-----------------------------------------------
                  </p>
                  <div class="gradient-button"><a href="#" id="iw6jqo">----------------</a></div><span
                    id="i97tbx">---------------------</span>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="right-image"><img src="images/about-right-dec.png" alt="" id="inx24b" /></div>
            </div>
          </div>
        </div>
      </div>
      <footer id="newsletter">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 offset-lg-2">
              <div class="section-heading"></div>
            </div>
            <div id="others" class="col-lg-6 offset-lg-3">
              <form id="search" action="#" method="GET">
                <div class="row">
                  <div class="col-lg-6 col-sm-6">
                    <fieldset></fieldset>
                  </div>
                  <div class="col-lg-6 col-sm-6">
                    <fieldset></fieldset>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="row">
            <div title="" class="col-lg-3">
              <div id="Other" class="footer-widget">
                <h4 id="iosnye">Contact Us</h4>
                <p id="icajqz">喜气洋洋小四班班级开发</p>
                <p id="iv9alj"></p>
                <p id="is4zn6"><a href="https://gitee.com/cqyz-class4"
                    id="i4zps1"> https://gitee.com/cqyz-class4<br /></a></p>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="footer-widget"></div>
            </div>
            <div class="col-lg-12">
              <div class="copyright-text">
                <p id="i0rk4h"><br />Design: CQYS-Grade2024-Class4</p>
              </div>
            </div>
          </div>
        </div>
      </footer><!-- Scripts -->
      <script src="js/jquery.min.js"></script>
      <script src="js/bootstrap.bundle.min.js"></script>
      <script src="js/owl-carousel.js"></script>
      <script src="js/animation.js"></script>
      <script src="js/imagesloaded.js"></script>
      <script src="js/popup.js"></script>
      <script src="js/custom.js"></script>
    </div>
  </div>
</body>
<html>